@use 'sass:map';
@use 'sass:color';

// 删除confirm
.delete-confirm-box {
  text-align: center;

  :global {
    .delete-title {
      font-size: map.get($font-size, 'base');
      color: map.get($text-color, 'primary');
      margin-top: 30px;
      margin-bottom: 24px;
    }

    .delete-content {
      font-size: map.get($font-size, 'small');
      color: map.get($text-color, 'regular');
      margin-bottom: 45px;
    }
  }
}

.success-import-title {
  text-align: center;
  font-size: map.get($font-size, 'base');
}

.success-import-content {
  text-align: center;
  font-size: map.get($font-size, 'small');
}

.import-upload-box :global {
  .el-descriptions__content {
    .base-upload-template {
      display: inline-block;
      vertical-align: top;
    }

    .el-upload-list {
      display: none;
    }
  }
}

.error-import-header {
  display: flex;
  justify-content: space-between;

  .error-import-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    font-size: map.get($font-size, 'base');
  }

  .error-import-summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
    font-size: map.get($font-size, 'small');
  }
}

.info-card-box :global(.el-card__body) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.map-location {
  position: relative;
}

#map-location-amap {
  // height: 280px;
  min-height: 500px;
  height: calc(100% - 116px);
  margin-bottom: 20px;
}

.map-location-select-address {
  position: absolute;
  background-color: $color-white;
  top: map.get($spacing, 'secondGear');
  left: map.get($spacing, 'secondGear') + 12px;

  :global {
    .el-select .el-input .el-select__caret {
      transform: rotateZ(0deg);
    }
  }
}

.map-location-option-address {
  width: 98%;
  height: 48px;
  margin: 0 auto 6px;
  overflow: visible;

  &:global(.selected) {
    background-color: color.adjust($color-primary, $alpha: -0.85);
  }

  &:global(.selected .el-link--info) {
    color: $color-primary;
  }

  :global {
    .el-link {
      font-size: map.get($font-size, 'extra-large');
      margin-right: 8px;
      vertical-align: text-bottom;
    }

    .option-text {
      display: inline-block;
      vertical-align: sub;
      line-height: 1.8;
      font-size: map.get($font-size, 'small');
      color: map.get($text-color, 'primary');

      p {
        font-size: map.get($font-size, 'extra-small');
        color: $color-info;
      }
    }
  }
}

#map-location-lamp {
  // height: 495px;
  // margin: 8px 12px 24px 8px;
  min-height: 500px;
  height: calc(100% - 60px);
  margin-bottom: 24px;
}

.map-location-lamp-select-address {
  position: absolute;
  background-color: $color-white;
  top: 20px;
  left: 20px;

  :global {
    .el-select .el-input .el-select__caret {
      transform: rotateZ(0deg);
      color: $color-primary;
    }
  }
}

.map-location-lamp-option-address {
  height: 48px;
  margin: 0 5px;
  padding: 0 15px;
  overflow: visible;

  &:global(.selected) {
    background-color: color.adjust($color-primary, $alpha: -0.85);
  }

  &:global(.selected .el-link--info) {
    color: $color-primary;
  }

  :global {
    .el-link {
      font-size: map.get($font-size, 'large');
      margin-right: 8px;
    }
  }

  .map-location-lamp-option-link {
    color: color.adjust($color-info, $alpha: -0.5);
  }

  .map-location-lamp-option-line {
    height: 52px;
  }

  .map-location-lamp-option-name {
    font-size: map.get($font-size, 'small'); // 14px
  }

  .map-location-lamp-option-grayFont {
    font-size: map.get($font-size, 'extra-small'); // 12px
    color: $color-info;
    line-height: 11px;
  }
}

.map-location-lamp-option-address:hover {
  :global {
    .el-link {
      color: $color-primary;
    }
  }
}

.info-form-item-full-width {
  width: 100%;

  &:global(.el-input) {
    width: 100%;
  }

  :global {
    .el-radio-button {
      flex: 1;

      .el-radio-button__inner {
        width: 100%;
      }
    }

    .el-date-editor.el-input__wrapper {
      width: 100%;
    }
  }
}
